/* home-title */

.home-title {
    border-bottom: 6px solid #f60;
    line-height: 36px;
    height: 41px;
}

/* project-title */
.project-title{
    border-bottom: 6px solid #f60;
    line-height: 42px;
    height: 42px;
    font-size: 22px;
}
.project-title h2 span{
    line-height: 38px;
    height: 38px;
    background-color: #f60;
    color: #fff;
    float: left;
    padding: 0 6px;
    margin-right: 3px;
}

.project-title-btn{
    cursor: pointer;
    background-image: url(../image/huanyipi.png);
    background-repeat: no-repeat;
    background-position: 0 14px;
}

/* horizontal-commodity */

.horizontal-commodity {
    display: none;
}

.horizontal-commodity.active {
    display: block;
}

.horizontal-commodity li {
    float: left;
    position: relative;
}
.horizontal-commodity>div{
    float: left;
}

.big-horizontal-commodity .horizontal-commodity {
    width: 963px;
}

.big-horizontal-commodity .horizontal-commodity li {
    width: 178px;
}

.big-horizontal-commodity .horizontal-commodity li p:first-child {
    height: 340px
}

.big-horizontal-commodity .horizontal-commodity li:first-child {
    height: 500px;
    width: 427px;
}

/* 限时抢购 */
.restrict-timer {
    position: absolute;
    bottom: 71px;
    left: -2px;
}


/* 内容区域小海报样式 */

.content-banner {
    width: 237px;
}

.content-banner a {
    width: 76px;
    display: inline-block;
    text-indent: 6px;
    line-height: 38px;
}


/* 公共选项卡样式 */

.control span {
    float: left;
    width: 98px;
    cursor: pointer;
}

.control span.active {
    background-color: #f60;
    color: #fff;
}


/* 圆形按钮 */

.radius-btn span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-left: 6px;
    border: 1px solid #cecece;
    cursor: pointer;
}

.radius-btn span.active {
    background-color: #f60;
}


/* 手风琴效果 */

.accordion {
    border: 2px solid #cccccc;
    width: 284px;
}

.accordion li {
    position: relative
}

.accordion li:not(:last-child) {
    border-bottom: 1px solid #cccccc
}

.accordion li span {
    position: absolute;
    left: -14px;
    top: 8px;
}

.accordion li div {
    display: none;
    padding: 7px 0;
}

/* 手风琴效果2 */
.accordion-over {
    width: 200px;
    height: 430px;
}

.accordion-over h3 {
    background-color: #93d46f;
    color: #ffffff;
}

.accordion-over ul li {
    position: relative;
    height: 43px;
    overflow: hidden;
}

.accordion-over ul li:not(:last-child) {
    border-bottom: 1px solid #b3b3b3;
}

.accordion-over ul li.active {
    height: 142px;
    padding: 20px 0;
}

.accordion-over ul li a {
    display: block;
}

.accordion-over ul li i {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #b3b3b3;
    text-align: center;
    color: #fff;
}

.accordion-over ul li img {
    width: 100px;
    float: left;
}

.accordion-over ul li p {
    padding-top: 20px;
}

.accordion-over ul li.active p {
    padding-top: 0;
}

/* 隐藏搜索框 */
.search-box {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    width: 100%;
    background-color: rgba(255, 102, 0, 0.9);
    line-height: 50px;
    height: 50px;
    display: none;
}

.search-box-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-400px, -50%);
}

.search-box-logo img {
    height: 40px;
}

.search-box .head-search-body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-20%, -50%);
}

.search-box .head-search-body .head-search-text {
    width: 502px;
    border: 2px solid #fa3905;
}